<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			/*floatCSS*/
			*{
				margin: 0;
				padding: 0;
			}
			.box{
				min-width: 500px;
				margin: 20px;
				padding: 20px;
				background-color: #eee;
				border: 1px solid #999;
				overflow: auto;
			}
			.left{
				float: left;
				height: 80px;
				width: 160px;
				background-color: #FFFFFF;
				border: 1px solid #999;
				padding: 20px;
				font-size: 14px;
			}
			
			.left .logo{
				float: left;
				width: 80px;
				height: 80px;
				background-color: #eee;
				border: 1px solid #999;
				margin-right: 20px;
			}
			.logo p{
				float: right;
			}
			.center{
				margin-left: 220px;
				margin-right: 140px;
				background-color: #FFFFFF;
				border: 1px solid #999;
				word-wrap: break-word;
			}
			.right{
				padding: 20px;
				float: right;
				width: 80px;
				background-color: #FFFFFF;
				border: 1px solid #999;
				overflow: auto;
			}
			.logoTu{
				font-size: 14px;
				width: 80px;
				height: 80px;
				background-color: #eee;
				border: 1px solid#999;
				margin-bottom: 20px;
			}
			.lastLogo{
				font-size: 14px;
				width: 80px;
				height: 80px;
				background-color: #eee;
				border: 1px solid#999;
			}
			/*position css*/
			.bo{
				position: relative;
				min-width: 500px;
				margin: 20px;
				padding: 20px;
				background-color: #eee;
				border: 1px solid #999;
				min-height: 430px;
			}
			.lef{
				position: absolute;
				top: 20px;
				left: 20px;
				height: 80px;
				width: 160px;
				background-color: #FFFFFF;
				border: 1px solid #999;
				padding: 20px;
				font-size: 14px;
			}
			
			.lef .log{
				float: left;
				width: 80px;
				height: 80px;
				background-color: #eee;
				border: 1px solid #999;
				margin-right: 20px;
			}
			.log p{
				float: right;
			}
			.cente{
				margin-left: 220px;
				margin-right: 140px;
				background-color: #FFFFFF;
				border: 1px solid #999;
				word-wrap: break-word;
			}
			.righ{
				position: absolute;
				top: 20px;
				right: 20px;
				padding: 20px;
				width: 80px;
				background-color: #FFFFFF;
				border: 1px solid #999;
				overflow: auto;
			}
			.logoT{
				font-size: 14px;
				width: 80px;
				height: 80px;
				background-color: #eee;
				border: 1px solid#999;
				margin-bottom: 20px;
			}
			.lastLog{
				font-size: 14px;
				width: 80px;
				height: 80px;
				background-color: #eee;
				border: 1px solid#999;
			}
		</style>
	</head>
	<body>
		<!--float实现-->
		<div class="box">
			<div class="left">
				<div class="logo">
					团队logo80*80
				</div>
				<p>团队名称</p>
			</div>
			
			<div class="right">
				<div class="logoTu">
					个人LOGO80*80
				</div>
				<div class="logoTu">
					个人LOGO80*80
				</div>
				<div class="logoTu">
					个人LOGO80*80
				</div>
				<div class="lastLogo">
					个人LOGO80*80
				</div>
			</div>
			<div class="center">
				<p>的段落，这是一个很长很长的段落，这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这很长的段这是一个很长fsdd很长的段这是一个很长f很长的段这是一个很长f很长的段这是一个很长f很长的段这是一个很长f很长的段这是一个很长f很长的段这是一个很长f很长的段这是一个很长f很长的段这是一个很长f很长的段这是一个很长fddddddddddddddddddddddddddddddddddddddddddddddddfs很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落</p>
			</div>
		</div>
		<!--position实现-->
		<div class="bo">
			<div class="lef">
				<div class="log">
					团队logo80*80
				</div>
				<p>团队名称</p>
			</div>
			<div class="cente">
				<p>的段落，这是一个很长很长的段落，这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这很长的段这是一个很长fsdd很长的段这是一个很长f很长的段这是一个很长f很长的段这是一个很长f很长的段这是一个很长f很长的段这是一个很长f很长的段这是一个很长f很长的段这是一个很长f很长的段这是一个很长f很长的段这是一个很长fddddddddddddddddddddddddddddddddddddddddddddddddfs很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落这是一个很长很长的段落</p>
			</div>
			<div class="righ">
				<div class="logoT">
					个人LOGO80*80
				</div>
				<div class="logoT">
					个人LOGO80*80
				</div>
				<div class="logoT">
					个人LOGO80*80
				</div>
				<div class="lastLog">
					个人LOGO80*80
				</div>
			</div>
			
		</div>
	</body>
</html>
